// 引入公共样式
@import './common.scss';

// --- 发现页面样式设置---

// 头部样式
// 搜索框样式
header {
  // 设置搜索框
  .search {
    position: relative;
    width: 80%;
    margin: 0 auto;
    margin-top: 0.2667rem;
    margin-bottom: 0.5333rem;
    height: 0.6933rem;
    text-align: center;
    input {
      height: 0.6933rem;
      width: 3.5467rem;
      border: 2px solid #ff9344;
      border-radius: 0.6933rem;
      outline: none;
      line-height: 0.6933rem;
      font-size: 0.32rem;
      text-indent: 0.1333rem;
      vertical-align: top;
    }
    i {
      font-size: 0.4rem;
      position: absolute;
      right: 30%;
      top: 20%;
      color: #ff9344;
      pointer-events: none;
    }
  }

  //   大家都在搜索
  .all_search {
    margin: 0 auto;
    width: vw(512);
    height: vw(180);
    h1 {
      margin-top: vw(33);
      margin-bottom: vw(14);
      font-size: vw(26);
      text-align: center;
    }

    span {
      margin-bottom: vw(5);
      display: inline-block;
      width: vw(125);
      height: vw(64);
      background-color: #dcdcdc;
      text-align: center;
      line-height: vw(64);
      font-size: 0.2667rem;
    }

    .content {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
  }
}

// 主体内容
main {
  // 热门推荐
  .hot_content {
    margin-bottom: vw(50);
    width: 100%;
    height: vw(352);
    display: flex;

    .left {
      img {
        width: vw(280);
        height: vw(352);
      }
    }

    .right {
      display: flex;
      flex-wrap: wrap;

      img:nth-of-type(1) {
        margin: vw(4);
        width: 98%;
      }

      img:nth-of-type(2) {
        margin: vw(2);
        height: vw(197);
        width: 49%;
      }
      img:nth-of-type(3) {
        margin: vw(2);

        width: 49%;
        height: vw(197);
      }
    }
  }
  //   搜索推荐内容
  .recommend_content {
    display: flex;
    justify-content: space-between;
    img {
      width: vw(210);
      height: vw(200);
    }
  }
}

footer {
  ul {
    li {
      a {
        i.icon-a-faxianzhinanzhen {
          color: red;
        }
      }
    }
  }
}
